/*

 */
$.fn.sliderNav = function(options) {
	var defaults = { items: firststr, debug: false, height: null, arrows: true};
	var opts = $.extend(defaults, options); 
	var o = $.meta ? $.extend({}, opts, $$.data()) : opts; 
	var slider = $(this); $(slider).addClass('slider');
	$('.slider-content li:first', slider).addClass('selected');
	$(slider).append('<div class="slider-nav"><ul></ul></div>');
	for(var i in o.items) $('.slider-nav ul', slider).append("<li><a alt='#"+o.items[i]+"'>"+o.items[i]+"</a></li>");
//	var height = document.documentElement?document.documentElement.clientHeight:document.body.clientHeight;
	var height = $('.slider-nav', slider).height();
	if(o.height) height = o.height;
	$('.slider-content, .slider-nav', slider).css('height',height);
	if(o.debug) $(slider).append('<div id="debug">Scroll Offset: <span>0</span></div>');
	$('.slider-nav a', slider).mouseover(function(event){
		var target = $(this).attr('alt');
		var cOffset = $('.slider-content', slider).offset().top;
		var tOffset = $('.slider-content '+target, slider).offset().top;
		var height = $('.slider-nav', slider).height(); if(o.height) height = o.height;
		var pScroll = (tOffset - cOffset) - height/8;
		$('.slider-content li', slider).removeClass('selected');
		$(target).addClass('selected');
		$('.slider-content', slider).stop().animate({scrollTop: '+=' + pScroll + 'px'});
		if(o.debug) $('#debug span', slider).html(tOffset);
	});
//	if(o.arrows){
//		$('.slider-nav',slider).css('top','20px');
//		$(slider).prepend('<div class="slide-up end"><span class="arrow up"></span></div>');
//		$(slider).append('<div class="slide-down"><span class="arrow down"></span></div>');
//		$('.slide-down',slider).click(function(){
//			$('.slider-content',slider).animate({scrollTop : "+="+height+"px"}, 500);
//		});
//		$('.slide-up',slider).click(function(){
//			$('.slider-content',slider).animate({scrollTop : "-="+height+"px"}, 500);
//		});
//	}
};